<div class="space"><a name="top"></a></div>
<div id="column_left" class="clearfix">
	<div class="content"> 		
		<style type="text/css">
			*, body{
				padding:0;
				margin:0;
			}
			a img{
				border:none;
			}
			/*Start here*/
			#div140 a{
				display:block;
				position:relative;
				height:160px;
				width:140px;
				float:left;
				margin:3px 5px 15px 6px;
			}
			#div140 a span{
				position:absolute;
				height:160px;
				width:140px;
				top:0;
				left:0;
			}
			#div80 a{
				display:block;
				position:relative;
				height:120px;
				width:80px;
				float:left;
				margin:3px 5px 5px 6px;
			}
			#div80 a span{
				position:absolute;
				height:120px;
				width:80px;
				top:0;
				left:0;
			}
			#hinhanh li:hover ul
			{
				display:block;
			}
		</style>
		<script type="text/javascript">
			$(document).ready(function(){
				$('#div140 a').hover(function(){
					$('span img',$(this)).fadeOut();
					$('>img',$(this)).fadeIn();//Khong co cung ko sao
				},function(){
					$('span img',$(this)).fadeIn();
					$('>img',$(this)).fadeOut();//Neu bo phia tren thi bo luon o day
				})
			});
			$(document).ready(function(){
				$('#div80 a').hover(function(){
					$('span img',$(this)).fadeOut();
					$('>img',$(this)).fadeIn();//Khong co cung ko sao
				},function(){
					$('span img',$(this)).fadeIn();
					$('>img',$(this)).fadeOut();//Neu bo phia tren thi bo luon o day
				})
			});
		</script>
		<div class="breadcrumb clearfix_1" id="hinhanh">
			<ul>
				<li><a href="<?=base_url()?>hinh-anh">Thư viện ảnh</a>
					<ul style="width: 161px;">
						<?php foreach($result as $value):?>
						<li style="width: 160px; float: left;"><a href="<?=base_url().'hinh-anh/catalog/'.$value['id']?>"><?=$value['name']?></a></li>
						<?php endforeach;?>
					</ul>
				</li>
			</ul>
		</div>
		<div class="line clearfix"></div>
		
		<div id="div140">
		<?php 

		foreach($result as $value):?>
			<a href="<?=base_url().'hinh-anh/catalog/'.$value['id']?>">
				<img style="display: none;" src="<?=base_url().ALBUM_THUMB_DIR.'/'.$value['thumb']?>" alt="<?=$value['name']?>" title="<?=$value['name']?>">
				<span class="hoverblack">
					<img style="display: inline;" src="<?=base_url().ALBUM_THUMB_DIR.'/'.$value['thumb']?>" alt="<?=$value['name']?>" title="<?=$value['name']?>"><?=$value['name']?>
				</span>
			</a>
			<?php endforeach;?>
		</div>
		
		<div class="line_none clearfix"></div>
		<?=$this->pagination->create_links()?>
		<div class="line_dot clearfix" style="margin-top:36px;"></div>
	</div>
</div>